<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户登录</title>
    <style>
   .d1, .d2, .d3{
    color: black;
    font-size: 15px;
   }
   
    </style>
</head>
<body>
    <div style="display: flex; flex-direction: column; align-items: center;">
        <h1 style="color:blue; font-size: 50;">用户登录界面</h1>
        <img src="C:/picture/zhinengyangzhi.jpg" alt="智能养殖" width="100px">
        <table>
        <tr>
            <td class="d1">用户名</td>
            <td><input type="email" name="userName" id="" placeholder="请输入用户名"></td>
        </tr>
        <tr>
            <td class="d2">密码</td>
            <td><input type="password" name="password" id="" placeholder="请输入密码"></td>
        </tr>
        <tr>
            <td class="d3">验证码</td>
            <td ><input type="number" name="number" id="" placeholder="请输入验证码"></td>
        </tr>
    </table>
<button style="color:black; font-size: 10;">登录</button>
<div><span style="color: red; font-size: 20;">
        已注册过账号？直接登录
    </span>
    <a class="a1" href="demo11.html" style="color: cadetblue;">注册</a>
</div>
    </div>
</body>
</html>